@charset "utf-8";
/*rest css*/
*{box-sizing:border-box;}
html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;}
body{background-color:#fff;color:#333;font-family:"微软雅黑";padding-bottom: 1.1rem;}
ol,ul{list-style:none;}
img{border:none;vertical-align:middle;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;}
.cf:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B';}
.cf{zoom:1;}
html{max-width:750px;min-width:320px; margin:0 auto; position:relative;}
body{max-width:750px;min-width:320px;font-size:14px; background:#fff;}
em,i{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}   
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.lc{position: relative;display:block;top: 50%;transform: translateY(-50%);}
/****************页面公共样式*************************/

/*header 头页面*/
.header{height: .9rem;padding: 0 .3rem;}
.header .cf{height: 100%;}
.header .cf a{display: block;height: 100%;}
.header .cf a.fl img{width: 2.11rem;height: .5rem;}
.header .cf a.fr img{width: .44rem;height: .44rem;}


/*footer 信息*/
.footer{height: 1.1rem;clear: both;}
.footer p{color: #999999;margin-bottom: .1rem;font-size: .2rem;text-align: center;}
.footer p:last-child{margin: 0;}

/*footer nav*/
.footer-nav{height: 1.1rem;background: rgba(34,34,34,1);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 3333333;}
.footer-nav .cf {height: 100%;}
.footer-nav .cf .fl{height: 100%;width: 25%;border-right: 1px solid #000;border-left: 1px solid #444444;}
.footer-nav .cf .fl:first-child{border-left: none;}
.footer-nav .cf .fl:last-child{border-right: none;}
.footer-nav .cf .fl .imgbox{width: .44rem;height: .44rem;margin: 0 auto;margin-bottom: .1rem;}
.footer-nav .cf .fl  p{font-size: .2rem;text-align: center;color: #999999;}
.footer-nav .cf .nav1 .imgbox{background: url(../img/t1.png) no-repeat center;background-size: .44rem .44rem;}
.footer-nav .cf .nav2 .imgbox{background: url(../img/t2.png) no-repeat center;background-size: .42rem .42rem;}
.footer-nav .cf .nav3 .imgbox{background: url(../img/t3.png) no-repeat center;background-size: .42rem .42rem;}
.footer-nav .cf .nav4 .imgbox{background: url(../img/t4.png) no-repeat center;background-size: .40rem .40rem;}

.footer-nav .cf .nav1.on .imgbox{background: url(../img/t1_on.png) no-repeat center;background-size: .44rem .44rem;}
.footer-nav .cf .nav2.on .imgbox{background: url(../img/t2_on.png) no-repeat center;background-size: .42rem .42rem;}
.footer-nav .cf .nav3.on .imgbox{background: url(../img/t3_on.png) no-repeat center;background-size: .42rem .42rem;}
.footer-nav .cf .nav4.on .imgbox{background: url(../img/t4_on.png) no-repeat center;background-size: .40rem .40rem;}
.footer-nav .cf .fl.on  p{color: #336699}

/*轮播图*/
.banner {height:4.1rem;width: 100%;overflow: hidden;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide img {display: block;height: 100%;width: 100%;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet{background: #fff}


/*列表*/
.items{border-bottom: .3rem solid #f4f4f4;height: 1.9rem;}
.items .fl{height: 1.6rem;width: 25%;overflow: hidden;position: relative;}
.items .fl:not(:last-child):after{content: "";display: block;width: 2px;height: .5rem;background: #f4f4f4;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);}
.items .fl .item .imgbox{height: .5rem;margin-bottom: .1rem;}
.items .fl .item  .imgbox img{margin: 0 auto;}
.items .fl .item  .imgbox1 img{width: .42rem;height: .48rem;}
.items .fl .item  .imgbox2 img{width: .43rem;height: .43rem;}
.items .fl .item  .imgbox3 img{width: .46rem;height: .46rem;}
.items .fl .item  .imgbox4 img{width: .57rem;height: .35rem;}
.items .fl .item  p{font-size: .26rem;color: #666666;text-align: center;}

/*通用title*/
.base-title {position: relative;text-align: center;}
.base-title .title{display: inline-block;padding: 0 .05rem;border-right: 1px solid #336699;border-left: 1px solid #336699;position: relative;z-index: 1;background: #fff;min-width: 2.3rem}
.base-title .title h2{font-size: .32rem;font-weight: normal;line-height: 1.1;text-align: center;}
.base-title .title p{color: #999999;font-size: .2rem;text-align: center;}
.base-title .line{height: 1px;position: absolute;top: 50%;z-index: 0;width: 100%;background: #f4f4f4;}

/*主页热门分类*/
.hot-cate{padding-top: .16rem;border-bottom: .3rem solid #f4f4f4;}
.hot-cate .list{padding: .3rem;padding-bottom: .16rem;}
.hot-cate .list .fl{width: 50%;padding-bottom: .26rem;}
.hot-cate .list .fl a{width: 2.76rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .28rem;box-shadow: 0 0 .4rem #f1f1f0;display: block;margin: 0 auto}

/*主页热门产品*/
.hot-pro{padding-top: .16rem;border-bottom: .3rem solid #f4f4f4;}
.hot-pro .list{padding: .22rem;}
.hot-pro .list .fl{padding: .08rem;width: 50%;}
.hot-pro .list .box{width: 100%;box-shadow: 0 0 .4rem #f1f1f0;padding-bottom: .2rem;}
.hot-pro .list .box img{display: block;width: 100%;height: 2.65rem;padding-bottom: .2rem;}
.hot-pro .list .box h2{font-size: .26rem;text-align: center;font-weight: normal;padding-bottom: .1rem;}
.hot-pro .list .box p.x{color: #336699;font-size: .18rem;text-align: center;}
.hot-pro .list .box p.b{padding: .2rem;padding-bottom: 0;line-height: 1.4;color: #999999;font-size: .22rem;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
/*more 查看更多*/
.more{display: block;border-top: 1px solid #dddddd;height: .8rem;text-align: center;line-height: .8rem;box-sizing: content-box;color: #999999;text-align: center;font-size: .24rem;}


/*tabls切换*/
.tabs{height: .8rem;box-sizing: content-box;border-bottom: 1px solid #eeeeee;}
.tabs .tab{width: 33.33%;height: 100%;padding: 0 .3rem;position: relative;}
.tabs .tab:not(:last-child):after{content: "";width: 2px;height: .25rem;background: #eeeeee;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);}
.tabs .tab a{display: block;width: 100%;height: 100%;line-height: .8rem;text-align: center;font-size: .3rem;color: #666666;}
.tabs .tab a{border-bottom: 2px solid #fff}
.tabs .tab a.on{border-color: #336699;color: #336699}

/*主页热门新闻*/
.hot-news{border-bottom: .3rem solid #f4f4f4;}
.hot-news .list{padding: 0 .3rem;}
.hot-news .list .row{padding: .2rem 0;}
.hot-news .list .row:not(:last-child){border-bottom: 1px solid #eee}
.hot-news .list .row h2{font-weight: normal;font-size: .28rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: .4rem;}
.hot-news .list .row .b{color: #999;font-size: .22rem;line-height: 2;padding: .1rem 0;position: relative;padding-bottom: 0;}
.hot-news .list .row .b .time{position: absolute;font-size: .22rem;line-height: 2;position: absolute;right: 0;bottom: 0;color: #999;}


/*主页公司简介*/
.hot-info{padding-top: .4rem;}
.hot-info .info{padding: .3rem;padding-bottom: 0}
.hot-info .info .row{box-shadow: 0 0 .6rem #f1f1f0;padding: .3rem 0;padding-bottom: .25rem}
.hot-info .info .row img{display: block;width: 4.68rem;height: 1.43rem;margin: 0 auto;margin-bottom: .25rem;}
.hot-info .info .row p{font-size: .24rem;color: #666666;text-indent: .48rem;padding: 0 .2rem;line-height: 2;}











/*公司简介页面*/
.banner1{height: 1.2rem;margin-bottom: .28rem;}
.banner1 .top{height: 100%;width: 100%;}
.list{margin-top: .35rem;margin-bottom: .4rem;overflow:hidden;}
.list .list1{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;background: #336699;}
.list .list1 p{height: 100%;text-align: center;line-height: 250%;color: white;font-weight: normal;font-size: .24rem;}
.list .list2{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;}
.list .list2 p{height: 100%;text-align: center;line-height: 250%;font-weight: normal;font-size: .24rem;}
.list .list2{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;}
.list .list2 p{height: 100%;text-align: center;line-height: 250%;font-weight: normal;font-size: .24rem;}
.content{box-shadow: 0 0 .4rem #f1f1f0;float: left;}
.content p{margin: .4rem;display: inline-block;text-indent:2em;font-size: .24rem;color: #666666;}


/*人力资源页面*/
.content1 .table1 {width: 100%;height: auto;border-spacing: .02rem;font-size: .24rem;}
.content1 .table1 tr .a{width: 1.8rem;height: .6rem;background: #999999;color: white;text-align:center;}
.content1 .table1 tr .b{width: 1.8rem;height: .6rem;background: #999999;color: white;text-align:center;}
.content1 .table1 tr .c{width: 2.78rem;height: .6rem;background: #999999;color: white;text-align:center;}
.content1 .table1 tr .d{width: .95rem;height: .6rem;background: #999999;color: white;text-align:center;}
.content1 .table1 tr .e{width: 1.8rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;}
.content1 .table1 tr .f{width: 1.8rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;}
.content1 .table1 tr .g{width: 2.78rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;}
.content1 .table1 tr .h{width: .95rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;}
.content1 .recruit {width: auto;height: auto;font-size: .24rem;color: #666666;padding: .13rem .23rem; }
.content1 .recruit p{margin: .1rem;}


/*联系我*/
.content2 .news{box-shadow: 0 0 .4rem #f1f1f0;padding: .4rem;margin-bottom: .47rem; }
.content2 .news .blue{color: #336699;font-size: .32rem;font-weight: 600;}
.content2 .news p{color: #333333;font-size: .24rem;margin-top: .13rem;}


/*产品分类*/
.content3 {padding: .3rem .2rem;}
.content3 .dingwei {position: relative;float: left;width: 50%;height: 3.75rem;margin-bottom: .3rem;}
.content3 .dingwei .sort {position: absolute;z-index: 2;width: 3.16rem;height: 3.75rem;border: .05rem solid #336699;left: 50%;margin-left: -1.58rem;}
.content3 .dingwei .sort .sort1{box-shadow: 0 0 .6rem #f1f1f0;margin: .15rem;font-size: .28rem;text-align: center;padding: .19rem .1rem;background: #ffffff;}
.content3 .dingwei .dingwei1{position: absolute;z-index: 1;left: .4rem;top: .21rem; background: #f7f6f5;width: 3.15rem;height: 3.75rem;}


/*产品分类列表*/
.base-title1 {position: relative;text-align: center;}
.base-title1 .title1{display: inline-block;padding: 0 .05rem;position: relative;z-index: 1;background: #fff;min-width: 2.3rem;}
.base-title1 .title1 h2{font-size: .32rem;font-weight: normal;line-height: 1.1;text-align: center;margin: .35rem .1rem 0 .2rem;}
.base-title1 .title1 p{color: #999999;font-size: .2rem;text-align: center;}
.base-title1 .line{height: 1px;position: absolute;top: 50%;z-index: 0;width: 100%;background: #f4f4f4;}
.hot-pro .jiazai{height: .6rem;width: 2.4rem;box-shadow: 0 0 .4rem #f1f1f0;margin: .46rem auto;text-align: center;line-height: .6rem}


/*产品详情页*/
.banner {height:4.1rem;width: 100%;overflow: hidden;margin-top: .45rem;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide img {display: block;height: 100%;width: 100%;}
.banner .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet{background: #fff;}
.introduce{border-top: .2rem solid #f6f6f6;border-bottom: .2rem solid #f6f6f6;position: relative;}
.introduce .basic{float: left;font-size: .3rem;color: #336699;border-bottom: .01rem solid #336699; padding: .25rem .33rem;margin: 0 .35rem;position: relative;}
.introduce .basic:after{content:"";width: 2px;height: .3rem;background: #eeeeee;position: absolute;top: 50%;transform: translateY(-50%);right: -.35rem;}
.introduce .parameter{float: left;font-size: .30rem;padding: .25rem .33rem;margin: 0 .35rem;}
.introduce .line1{width: 100%;border-bottom: .01rem solid #eeeeee;}
.introduce .basic1{margin: .21rem .3rem;font-size: .28rem;color: #666666;}
.introduce .basic1 p{margin-top: .09rem;}
.base-title{margin-top: .16rem;}
.base-title1 .title1 .p{margin-top: .17rem;}



/*售后服务单页*/
.content4{padding: .5rem .3rem;font-size: .26rem;color: #333333;box-shadow: 0 0 .6rem #f1f1f0;margin-top: .3rem;}
.content4 p{margin-top: .2rem;}
.content4 .foot{margin: 1.6rem .8rem;}


/*新闻中心*/
.content5 {box-shadow: 0 0 .6rem #f1f1f0;}
.content5 {border-top: .2rem solid #f6f6f6;border-bottom: .2rem solid #f6f6f6;}
.content5 .basic{float: left;font-size: .3rem;color: #336699;border-bottom: .01rem solid #336699; padding: .25rem .33rem;margin: 0 .35rem;position: relative;}
.content5 .basic:after{content:"";width: .02rem;height: .3rem;background: #eeeeee;position: absolute;top: 50%;transform: translateY(-50%);right: -.35rem;}
.content5 .parameter{float: left;font-size: .30rem;padding: .25rem .33rem;margin: 0 .35rem;position: relative;}
.content5 .parameter:after{content:"";width: .02rem;height: .3rem;background: #eeeeee;position: absolute;top: 50%;transform: translateY(-50%);right: -.35rem;}
.content5 .case{float: left;font-size: .30rem;padding: .25rem .33rem;;}
.content5 .line1{width: 100%;border-bottom: .01rem solid #eeeeee;}
.content5 .news{position: relative;}
.content5 .news a .a{font-size: .28rem;font-weight: 600;padding: .28rem .23rem .23rem;}
.content5 .news a .b{font-size: .22rem;color: #b3b3b3;padding: 0 .4rem .23rem .23rem;}
.content5 .news a .c{font-size: .22rem;color: #b3b3b3;position: absolute;left: 5.73rem;top: 1.2rem;}


/*新闻详情页*/
.content6 .head .head1{font-size: .3rem;color: #336699;text-align: center;}
.content6 .head .head2{font-size: .18rem;color: #b6b6b6;text-align: center;margin-top: .25rem;margin-bottom: .3rem;}
.content6 .line1{width: 100%;border-bottom: .01rem solid #eeeeee;}
.content6 .a{padding: .57rem .17rem 0 .35rem;font-size: .26rem;color: #7f7f7f;}
.content6 img{height: 3.8rem;width: 4.9rem;display: block;margin: .4rem auto;}
.content6 .foot{font-size: .22rem;color: #bdbdbd;margin: .22rem auto .28rem .32rem;}
.content6 .foot p{margin-top: .25rem;}